<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  jq day01
  1 webaip综合案例 放大镜效果

  2 jq
  是一个轻量级 更快速 有丰富的方法的javascript库

  3 jq使用
  只需要把jq.js文件引入即可

  4jq入口函数
  $(function(){...}) 着重记忆这个
  $(document).ready(function(){...})
  相当于原生事件里面的DOMContentLoaded 等待dom加载完毕就会进入这个回调函数

  5 $就是jQuery的别称 $===jQuery 只是我们书写习惯更多写$
  $是jQuery中的顶级对象 类似于原生js中的window

  6 jq对象和dom对象
  jq对象就是通过jq的方式获取过来的对象 以伪数组的形式存在的
  dom对象是通过原生js的方式获取过来的对象
  注意: jq对象只能使用jq方法 dom对象只能使用原生js的方法
  这里这存在相互转换的一个方式
  由jq对象转换成dom对象: 比如$('div')[index] 或者$('div').get(index)
  由dom对象转换成jq对象: 比如dom对象 是box 直接就是$(box) $(box)就是一个jq对象

  7jq中获取jq对象 这些选择器基本上和我们原生类似
  提供了一些特殊的方法
  比如 children() 相当于子代选择器
  find() 相当于后代选择器
  siblings() 查找除自己以外所有兄弟
  eq(index) 查找第几个 注意 index从0开始

  8隐式迭代 看不见的遍历 !!!
  jq在进行封装的时候 会把我们获取过来的jq对象(由于jq对象是以伪数组形式存在的)进行遍历 这样的操作就叫隐式迭代

  9jq设置样式
  目前只学习一种 $jq.css('属性','值')
</body>

</html>